html, body {margin:0;padding:0;font-family:Arial,Verdana;font-size:12px;}
img {border:none;}
a{color:#00b034;}
h1{font-size:large;}
h2{font-size:medium;}

/*main layout*/
#header,  #content, #footer, #messages, #topbar{float:left;clear:both;width:100%;margin:0px;padding:0px;}
#logo {margin:10px;}
#topbar{padding:6px 0px 6px 0px;}
#topbar, #footer {border-bottom:solid 1px #9BD5F5;border-top:solid 1px #9BD5F5;}
#footer {text-align:center;padding:5px 0px;}
#search {position:absolute;top:35px;right:10px;}
#messages{color:red;}
#account-control {position:absolute;top:15px;right:15px;padding-right:10px;font-size:120%;}
#main-content {padding:10px 15px;}
#account {text-align:right;position:absolute;top:8px;right:10px;}
#account a{margin:3px 5px;}
#help{float:right;clear:none;margin-right:10px;}

.main-link{float:left;clear:none;margin:2px 16px 0px 4px;}
.main-link a{font-size:120%;text-decoration:underline;font-weight:bold;}
.main-link a:hover{text-decoration:underline;}

#signout{margin-left:8px;}
.admin {color:#555;font-size:90%;}
.step {float:left;margin:5px;height:180px;text-align:left;width:210px;overflow:hidden;padding:3px;border: solid 1px white;display:block;}
.wide {width:250px;}
.tall{height:210px;}
.step h4{width:200px;text-align:center;}
.path_title_link {font-weight:bold;}
.h-arrow{padding-top:70px;float:right;}
.v-arrow{padding-top:5px;}
.center{text-align:center;}

/*search*/
.search-block{width:250px;float:left;clear:none;margin:20px;padding:20px;}
.search-block legend{font-size:140%;}
#search-source{color:#3987DC;}
#search-relation{color:#EA3D65;}
#search-destination{color:#729c50;}

#page-to-add{width:580px;padding:10px;border: solid 1px #BDC0C1;margin-left:20px;margin-top: 10px;}
#page-to-add h1{margin:0px;}
#page-to-add h3{font-size:150%;color:#6CACAA;margin: 20px 0 0;}
#add-text{margin-left: 125px;}
#trails-list{margin-left:155px;}
#trails-list a{color:#7ECECE;text-decoration:none;}
#trails-list a:hover{text-decoration:underline;}
.push-left {float:left;}
.blue-back{background-color:#C3E6E9;}
#path-list, #sortable-container ul{list-style-type: none;}
#path-list li{float:left;padding:10px;text-align:center;}
#path-list input{text-align:left;}
#path-list img{cursor:pointer;}
.path{font-size:140%;}

#new-path{background: url('/thumbnails/new_step.jpg') no-repeat 10px 10px;}
#new-input {margin:13px 5px 10px 10px;color:#99D4F4;font-size:120%;}
#new-input label{width: 50px;display:block;}
#new-input input{margin-bottom:5px;}

#list li{float:left;font-size:150%;cursor:move; padding-right: 10px;}
.white-back{background-color:white;width:128px;height:150px;display:block;padding:8px;text-align:center;overflow:hidden;margin-left:8px;}
#trails-list ul{margin:30px 0 0;list-style-type: none;padding:0;}
#trails-list li{margin-left:0px; margin-bottom: 10px;}
#trails-list li a{font-size: 130%;color:#7ECECE;margin-bottom:0;text-decoration: none;margin-left:0;}
#status {color:red;}
#path_id{display:none;}
#follow-links{float:right;margin-right:10px;}
#follow-title{margin-left:10px;}

#steps h4{font-size:90%;margin:0px;color:#00b034;}
#steps td{vertical-align:top;}

/*login*/
#login-main {width:575px; height:248px; margin:50px auto;}
#login-main h3{margin:0px 0px 0px 0px; padding-top:35px; padding-right:95px;text-align:center; font-weight:bolder; font-size:140%;}
#login-contents{float:left; clear:both; width:100%; margin-top:20px;}
#login-labels {width:158px; text-align:right; clear:none; float:left; padding-right:12px;}
#login-labels label {font-weight:bolder; display:block; font-size:110%; margin-bottom:12px;}
#login-fields {width:190px; clear:right; float:left;}
#login-fields .input-box{width:150px;font-weight:bolder; color:#555; margin-bottom:6px;}
#login-buttons {float:left; clear:both; padding-left:210px;}
#login-remember{margin-left:180px;float:left;clear:both;width:200px;text-align:left;font-weight:bolder;}
#login-remember a {font-weight:bolder;text-decoration:none;}
#login-links{margin-left:100px;float:left;clear:both;text-align:left;}
#login-links a{margin:5px;}

/*thumbnail stacks */
.stacked_path{float:left; text-align:center; margin-right:20px;margin-bottom:14px; width:230px; height:210px;}
.thumbnail_stack{width:227px; height:173px; background-image:url(/images/stack_background.gif); text-align:left;}
.thumbnail_stack img {position:relative;top:19px;left:7px;}